<!doctype html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>科技管家</title>
    <link rel="stylesheet" href="../assets/wave/waves.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
@import "header.html"

<div class="my-container pt50">
    <div class="page-box cf">
        <div class="page-left fl">
            <ul>
                <li><a href="service.html">服务列表</a></li>
                <li class="on"><a href="apply-list.html">申请列表</a></li>
                <li><a href="timeline.html">服务进度</a></li>
            </ul>
        </div>
        <div class="page-right fr">
            <div class="com-title">
                <p>申请列表</p>
            </div>
            <div class="mb80 mt20">
                <div class="form-search cf">
                    <form action="">
                        <div class="form-item">
                            <select class="form-select" title="">
                                <option>高新技术企业认定指标</option>
                                <option>啦啦啦</option>
                            </select>
                        </div>
                        <input type="text" placeholder="请输入政策名称">
                        <button type="button" class="waves-effect waves-light">查询</button>
                        <!--<button type="button" class="form-btn waves-effect waves-light">新建申请</button>-->
                    </form>
                </div>
                <div class="form-table">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th width="5%">序号</th>
                            <th width="20%">申请名称</th>
                            <th width="25%">服务内容</th>
                            <th width="15%">服务状态</th>
                            <th width="15%">申请时间</th>
                            <th width="20%">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><span>10</span></td>
                            <td><span class="w200">关于推广科技管关于推广科技管家测试家测试</span></td>
                            <td><span>科技局</span></td>
                            <td><span>2017-11-12</span></td>
                            <td><span>2017-11-12</span></td>
                            <td class="btn-opt">
                                <button class="more-btn" type="button">详情</button>
                                <a href="timeline.html" class="process-btn" type="button">进度</a>
                            </td>
                        </tr>
                        <tr>
                            <td><span>10</span></td>
                            <td><span class="w200">关于推广科技管家测试</span></td>
                            <td><span>科技局</span></td>
                            <td><span>2017-11-12</span></td>
                            <td><span>2017-11-12</span></td>
                            <td class="btn-opt">
                                <button class="more-btn" type="button">详情</button>
                                <button class="cancel-btn" type="button">取消</button>
                                <a href="timeline.html" class="process-btn" type="button">进度</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="com-page">
                    <span>共<i>1000</i>条信息</span>
                    <span class="pointer">首页</span>
                    <span class="pointer">上一页</span>
                    <span class="pointer">下一页</span>
                    <span class="pointer">末页</span>
                    <span>转到第<input type="text" value="1">页/<i>200</i>页</span>
                    <span class="pointer goto-page">跳转</span>
                </div>
            </div>
        </div>
    </div>
</div>
@import "footer.html"
<script src="../assets/wave/waves.min.js"></script>
<script src="../assets/layui/layui.js"></script>
<script src="../js/yun.js"></script>
<script>
  $(function () {
    Waves.displayEffect();
    layui.use(['layer'],function () {
//      详细按钮
      $('.form-table').on('click','.more-btn',function (e) {
        e.stopPropagation();
        dialogShow('详情','detail.html',[450,550],{
          btn:['关闭']
        });
      });
//      取消按钮
      $('.form-table').on('click','.cancel-btn',function (e) {
        e.stopPropagation();
        confirm('确定要取消该服务申请吗?',{
          yes:function (index, obj) {
            layer.close(index);
//            console.log(obj);
          }
        })
      });
    });
  });
</script>
</body>
</html>